// @flow
import React, { Component } from 'react'
import { Icon } from 'antd'

type Props = {
  data: Object
}
class PointActions extends Component {
  props: Props
  deletePoint: Function
  constructor (props: Props) {
    super(props)
    this.deletePoint = this.deletePoint.bind(this)
  }

  deletePoint () {
  }

  render () {
    const { data } = this.props
    let IsShow = 'inline-block'
    let IsShow2 = 'none'
    if (data.state === 0) {
      IsShow = 'none'
      IsShow2 = 'inline-block'
    }
    // const state = data.state === 0 ? '未同步' : '<span>已同步</span>'
    return (
      <div>
        <span style={{ color: '#8ec62d', display: IsShow }}><Icon type='check-circle' /> 已同步</span>
        <span style={{ display: IsShow2 }}><Icon type='exclamation-circle-o' /> 未同步</span>
      </div>
    )
  }
}

export default PointActions
